<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    *{
      padding: 0;
      margin: 0;
    }
    .container{
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 10px 50px;
      box-sizing: border-box;
      /* border: 1px solid #000; */
    }
    img{
      width: 600px;
    }
    .all{
      font-weight: bold;
    }
    div{
      width: 600px;
      height: 600px;
      /* border: 1px solid #000; */
      margin-bottom: 10px;
      padding: 5px;
    }
  </style>
</head>
<body>
    <div class="container">
      <div id="all">
        <p class="all">大学里的全部证书</p>
        <img src="./img/c.jpg" alt="">
        <p>大学在西安文理学院就读时，2013-2017四年期间获得的所有的证书，包括荣誉证书，奖学金证书，志愿者证书，资格证，党员证等近30余项</p>
      </div>
      <div id="fuhui">
        <p>福慧奖学金证书</p>
        <img src="./img/c4.jpg" alt="">
        <p>大三班里第一名，评选获得福慧奖学金</p>
      </div>
      <div id="erdeng">
        <p>二等奖学金</p>
        <img src="./img/c5.jpg" alt="">
        <p>二等</p>
      </div>
      <div id="sanhao">
        <p>三好学生</p>
        <img src="./img/c6.jpg" alt="">
      </div>
      <div id="meide">
        <p>美德青年</p>
        <img src="./img/c7.jpg" alt="">
      </div>
      <div id="pinshu">
        <p>学生会聘书</p>
        <img src="./img/c8.jpg" alt="">
      </div>
      <div id="ganbu">
        <p>优秀学生干部</p>
        <img src="./img/c9.jpg" alt="">
      </div>
      <div id="active">
        <p>入党积极分子</p>
        <img src="./img/c10.jpg" alt="">
      </div>
      <div id="buzhang">
        <p>优秀部长</p>
        <img src="./img/c11.jpg" alt="">
      </div>
      <div id="qingnian">
        <p>优秀青年志愿者</p>
        <img src="./img/c12.jpg" alt="">
      </div>
      <div id="test">
        <p>参赛证书</p>
        <img src="./img/c13.jpg" alt="" style="height: 450px;">
      </div>
      <div id="xunhua">
        <p>寻花之旅优秀奖</p>
        <img src="./img/c14.jpg" alt="">
      </div>
      <div id="zhiyuan">
        <p>优秀青年志愿者</p>
        <img src="./img/c15.jpg" alt="">
      </div>
      <div id="jieye">
        <p>结业证书</p>
        <img src="./img/c3.jpg" alt="">
      </div>
      <div id="peixun">
        <p>培训荣誉证书</p>
        <img src="./img/c2.jpg" alt="">
      </div>
      <div id="rongyu">
        <p>荣誉证书</p>
        <img src="./img/c1.jpg" alt="">
      </div>
    </div>
    
</body>
</html>